﻿
.chcek_list{
 background: #e1e9f0;
   line-height: 50px;
   width: 320px;
   z-index: 10;
   position: absolute;
   top: 20px;}
  .chcek_list li{
 float: left;
   padding: 0 30px;
   border-bottom: 1px solid #f9f6fc;
   width: 50%;
   text-align: center;
  }
  .chcek_list li:first-child{
 border-right: 1px solid #f9f6fc;
  }
  .chcek_list li span{
 color: #333;
 font-weight: bold;
 font-size: 16px;
 display: block;
  }
  .area_rights{
 position: absolute;
 top: 20px;
 left: 340px;
 width:380px;
 padding: 11px 5px;
 background: #ecf5f9;
 overflow: hidden;
  }
  .area_rights li{
 float: left;
 border-radius: 20px;
 background: #1675cb;
 font-size: 12px;
 margin: 5px;
 color: #fff;
 cursor: pointer;
 padding: 4px;
  }
  .area_rights li.active{
 background: #f97814;
  }
  .chcek_list li.active span{
 color: #1575cb;
 border-bottom: 3px solid #1575cb;
 line-height: 47px;
  }
  .daozhen_content{
 position: relative;
  }
  .Rtpic{position: absolute;display: none;}
  .Rtpic.active{display: block;}
  .Rtpic2{
   width: 100%;
   padding-top: 70px;
  }
  .disease_all{
   margin-top: 5px;
   background: #F7F7F7;
   overflow: hidden;
   padding: 20px 0;
  }
  .disease_all li{
 float: left;
 border-radius: 20px;
 background: #1675cb;
 font-size: 12px;
 margin: 15px;
 color: #fff;
 cursor: pointer;
 padding: 3px;
  }
  .disease_all li:hover{
   background: #f97814;
  }
  .disease_all li a{
   color: #fff;
  }
  .BtnaAB{position:absolute;bottom:20px;right:20px;line-height:30px;text-align:center}
  .BtnaAB li{background:#1575CB;cursor:pointer;color: #ffff;font-size: 12px;padding: 0 15px;}
  .bodyMain{width:320px;height:454px;}
  .bodyA{background:url(/Sites/Uploaded/UserUpLoad/20181123/20181123183418.jpg) no-repeat bottom center}
  .bodyB{background:url(/Sites/Uploaded/UserUpLoad/20181123/20181123183442.jpg) no-repeat bottom center;display:none}
  .area_notice li.active{
 background:#f97814;
  }
  .zhezhao{width:320px;height:454px}
  .zhezhao path,.shape{cursor:pointer;opacity:0;FILTER:alpha(opacity=0)}
  .area_notice li{position:absolute;background:#1575CB;top:70px;width:40px;text-align:center;line-height:20px;font-size:12px;z-index:10;color: #fff;cursor: pointer;}
  .area_notice .LIon{background:#53B173;color:#FFF}
  .bodyA .area_notice li.list1{top:90px;right:20px}
  .bodyA .area_notice li.list2{top:150px;right:20px}
  .bodyA .area_notice li.list3{top:200px;left:20px}
  .bodyA .area_notice li.list4{top:190px;right:20px}
  .bodyA .area_notice li.list5{top:330px;right:20px}
  .bodyA .area_notice li.list6{top:230px;right:20px}
  .areaDiese>li{position:absolute;background:#F7F7F7;font-size:14px;top:70px;left:340px;padding:15px;width:380px;line-height:20px;font-size:12px;z-index:10;display:none}
  .areaDiese>li.active{
   display: block;
  }
  .disease_ul{
 width:100%;
 height: 354px;
 position: relative; 
 overflow: hidden;
  }
  .disease_ul li{
 width: 50%;
 float: left;
 line-height: 36px;
 padding: 0 10px;
 border-radius: 20px;
 cursor: pointer;
  }
  .disease_ul li.active{
 color: #f97814;
  }
  .disease_ul .disCont{
 display: none;
 position: absolute;
 top: 105px;
 left: 0;
 background: #e8edf3;
 padding: 10px;
 width: 100%;
 min-height: 100px;
 color: #666;
  }
  .disease_ul .disCont.active{
 display: block;
  }
  .disease_ul .disCont a{
 color: #f97814;
  }
  .areaDiese li p{font-size:12px;margin-top:15px}
  .areaDiese li em{color:#F00;font-style: normal;}
  .bodyB .area_notice li.list1{top:90px;left: 20px;}
  .bodyB .area_notice li.list2{top:150px;left: 20px;}
  .bodyB .area_notice li.list3{top:210px;right: 20px;}
  .bodyB .area_notice li.list4{top:190px;left: 20px;}
  .bodyB .area_notice li.list5{top:330px;left: 20px;}
  .bodyB .area_notice li.list6{top:230px;left: 20px;}
  .bodyB .area_notice li.list7{top:150px;right: 20px; width: 50px;}
  
  .svgMan{width:320px;height:454px}
  #shape1{width:320px;height:454px;position:relative}
  .ulList{margin:10px 0 0}
  .ulList li{line-height:30px;padding-left:16px;font-size:14px;background:url(/Content/Areas/Common/images/ico1.png) no-repeat 0 center} 
  @media only screen and (max-width: 768px){
  .disease_all{
  height:750px;
  }
 .daozhen_main{
 background: none;
 margin-left: 19px;
 }
 .row4 .daozhen{
 height: 950px;
 }
 .areaDiese>li{
 top: 450px;
 left: -31px;
 }
 .area_rights{
   display: none;
 }
  }
  @media only screen and (max-width: 320px){
 row4 .daozhen {
   height: 852px;
  }
  .daozhen_main {
 background: none;
 zoom: 0.85;
  }
  .chcek_list {
 background: #e1e9f0;
 line-height: 50px;
 width: 300px;
 z-index: 10;
 position: absolute;
 top: 20px;
 float: left;
  }
  .chcek_list li {
 float: left;
 padding: 0 30px;
 border-bottom: 1px solid #f9f6fc;
 width: 50%;
 text-align: center;
  }
  }
  @media only screen and (max-width: 375px){
  .daozhen_main {
 background: none;
 margin-left: 0px;
  }
  }





/*//////////////////////////////////////////////////////////zrj*/


.daozhen_mainNEW .zhezhao{
	width: 100%;
	margin-left: 20px;
}
.daozhen_mainNEW .bodyMain{
	position: relative;
	display: block;
}
.daozhen_mainNEW .bodyA{
	width: 360px;
	float: left;
}
.daozhen_mainNEW .bodyB{
	width: 360px;
	float: right;
}

.daozhen_mainNEW .bodyA .area_notice li{
 position: absolute;
 background: #1575CB;
 top: 70px;
 min-width: 40px;
 text-align: center;
 line-height: 20px;
 font-size: 12px;
 z-index: 100;
 color: #fff;
 cursor: pointer;
 border-radius: 5px;
 padding: 0 5px;
}
.daozhen_mainNEW .bodyA .area_notice li a , .daozhen_mainNEW .bodyB .area_notice li a{
  color:#ffffff;
}
.daozhen_mainNEW .bodyA .area_notice li.list1 {
 top: 90px;
 right: 54px;
}
.daozhen_mainNEW .bodyA .area_notice li.list2 {
 top: 150px;
 right: 54px;
}
.daozhen_mainNEW .bodyA .area_notice li.list3 {
 top: 200px;
 left: 76px;
}
.daozhen_mainNEW .bodyA .area_notice li.list4{top:190px;right: 54px;}
.daozhen_mainNEW .bodyA .area_notice li.list5{top:330px;right: 54px;}
.daozhen_mainNEW .bodyA .area_notice li.list6{top:230px;right: 54px;}
.daozhen_mainNEW .bodyA .area_notice li.list5 .list-detail{
	 top: -133px;
}
.daozhen_mainNEW .bodyA .area_notice li.list5 .list-detail .list-detailc:before{
	position: absolute;
 content: '';
 border-top: 7px solid transparent;
 border-bottom: 7px solid transparent;
 border-right: 7px solid rgba(0,0,0,0.8);
 left: -7px;
 top: 135px;
}
.daozhen_mainNEW .bodyA .list-detail{
 position: absolute;
 z-index: 999;
 top: -40px;
 left: 90%;
 padding-left:40%;
 display: none;
}
.daozhen_mainNEW .bodyA li.list3 .list-detail{
 left: -250%;	
}
.daozhen_mainNEW .bodyA li.list3 .list-detailc{
	width: 75px;
}
.daozhen_mainNEW .bodyA .list-detailc{
 width: 88px;
 background: rgba(0,0,0,0.8);
 padding: 10px 0 5px 10px;
 position: relative;
 text-align: left;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

.daozhen_mainNEW  .area_notice li.active {
 background: #f97814;
}
.daozhen_mainNEW  .area_notice li:hover {
 background: #f97814;
}

.daozhen_mainNEW  .list-detail.detail-left .list-detailc:before{
 position: absolute;
 content: '';
 border-top: 7px solid transparent;
 border-bottom: 7px solid transparent;
 border-right: 7px solid transparent;
 border-left: 7px solid rgba(0,0,0,0.8);
 left: initial;
 right:-14px;
 top: 40px;
}

.daozhen_mainNEW .area_notice li:hover .list-detail{
 display: block;
}
.daozhen_mainNEW .list-detailc:before{
 position: absolute;
 content: '';
 border-top: 7px solid transparent;
 border-bottom: 7px solid transparent;
 border-right: 7px solid rgba(0,0,0,0.8);
 left: -7px;
 top: 40px;
}
.daozhen_mainNEW .list-detail a{
 color: #fff;
 padding: 0px 5px 2px 5px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 margin:0 5px 5px 0;
 display: inline-block
}
.daozhen_mainNEW .list-detail a:hover{
 background: #f97814;
}
.daozhen_mainNEW .zhezhao {
 width: 320px;
 height: 454px;
 position: absolute;
 left: 0;
 top: 0;
}
.daozhen_mainNEW .zhezhao path {
 cursor: pointer;
 opacity: 0;
 /*FILTER: alpha(opacity=0);*/
}





.daozhen_mainNEW .disease_ul {
	min-height:100px;
	height: auto;
}







/*.....................................B*/

.daozhen_mainNEW .bodyA .area_notice li{
 position: absolute;
 top: 70px;
 min-width: 40px;
 text-align: center;
 line-height: 20px;
 font-size: 12px;
 z-index: 100;
 color: #fff;
 cursor: pointer;
 border-radius: 5px;
 padding: 0 5px;
}

.daozhen_mainNEW .bodyB .area_notice li.list1 {
 top: 90px;
	left: 54px;
}
.daozhen_mainNEW .bodyB .area_notice li.list2 {
 top: 150px;
	left: 54px;
}
.daozhen_mainNEW .bodyB .area_notice li.list3 {
 top: 200px;
	left: 250px;
}
.daozhen_mainNEW .bodyB .area_notice li.list4{top:190px;left: 54px;}
.daozhen_mainNEW .bodyB .area_notice li.list5{top:330px;left: 54px;}
.daozhen_mainNEW .bodyB .area_notice li.list6{top:230px;left: 54px;}
.daozhen_mainNEW .bodyB .area_notice li.list7 {
	right: 70px;
}
.daozhen_mainNEW .bodyB .list-detail{
 position: absolute;
 z-index: 99;
 top: -40px;
 left: -305%;
 padding-left:40%;
 display: none;
}
.daozhen_mainNEW .bodyB .list-detailc{
 width: 97px;
 background: rgba(0,0,0,0.8);
 padding: 10px 0 5px 10px;
 position: relative;
 text-align: left;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
.daozhen_mainNEW .bodyB .area_notice li.list3 .list-detail{
	 left: 80%;
}
.daozhen_mainNEW .bodyB .area_notice li.list7 .list-detail{
	 left: 80%;	
}

.daozhen_mainNEW .bodyB .area_notice li.list7:hover .list-detailc:before{
		position: absolute;
		content: '';
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-right: 7px solid rgba(0,0,0,0.8);
		border-left: 7px solid transparent;
		left: -14px;
		right: 100px;
		top: 40px;	 
}






































 